<template>
    <div class="header">
        <p>城市列表</p>
        <div class="iconfont icon-back" @click="back">&#xe658;</div>
    </div>
</template>
<script>
export default {
  name: 'CityHeader',
  methods: {
    back () {
      this.$router.push('/')
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl';
    .header
        position relative
        height $headerHeight
        font-size .32rem
        background-color $bgColor
        color #fff
        text-align center
        p
            line-height $headerHeight
        .icon-back
            width .64rem
            position absolute
            left 0
            font-size .56rem
            top .12rem
</style>
